<script setup>
import {defineProps} from 'vue'

//子父组件传输数据Props
const props = defineProps({
    type:String
})

</script>
<template>
    <div class="go">
        <p>
            <i class="iconfont icon-3 right-1" style="font-size: 30px; color: rgb(236, 84, 203);" v-if="props.type=='充值'"></i>
            <i class="iconfont icon-tixian3 right-1" style="font-size: 30px; color: rgb(46, 217, 63);" v-if="props.type=='提现'"></i>
            <i class="iconfont icon-tixian2 right-1" style="font-size: 30px; color: rgb(231, 191, 73);" v-if="props.type=='向商户付款'"></i>
            <i class="iconfont icon-shebeisaoma right-1" style="font-size: 30px; color: rgb(109, 228, 188);" v-if="props.type=='扫码付款'"></i>
            <i class="iconfont icon-icon-test right-1" style="font-size: 30px; color: rgb(103, 166, 218);" v-if="props.type=='NFC支付'"></i>
            <i class="iconfont icon-zhuanzhang right-1" style="font-size: 30px; color: rgb(15, 229, 158);" v-if="props.type=='钱包转账'"></i>
            <i class="iconfont icon-hongbao right-1" style="font-size: 30px; color: rgb(244, 41, 64);" v-if="props.type=='收钱'"></i>
            <i class="iconfont icon-zhanghao right-1" style="font-size: 30px; color: rgb(244, 41, 64);" v-if="props.type=='个人中心'"></i>
            <span style="font-weight: 700; font-size: 14px;margin-left: 10px;">{{ props.type }} </span>
            <i class="iconfont icon-jiantoucu right-2" style="font-size: 20px; color: rgb(32, 33, 33);float:right; margin-right: 5px;"></i>
        </p>
    </div>
</template>
<style scoped>
.go{
    width: 93%;
    height: 40px;
    line-height: 40px;
    padding: 5px 10px;
    background-color: #fff;
    border: 1px solid lavender ;
}
.right-1{
    vertical-align: middle;
}
.right-2{
    vertical-align: middle;
}
</style>